<template>
	<view>
		<gz-lunbotu :curList='lunbotuList'></gz-lunbotu>
		<view class="cu-list grid col-3">
			<view class="cu-item" v-for="(item,index) in menuList" :key="index" @click="menuItemClick(item,index)">
				<view>
					<text :class="item.icon" style="font-size: 62rpx;"></text>
				</view>
				<text>{{item.name}}</text>
			</view>
		</view>
		<view class="mt-1 bg-white">
			<view class="text-s3 p-2">海量插件</view>
			<view class="flex p-2 solid-top solid-bottom align-center" v-for="(item,index) in chajianList" @click="chajianItemClick(item,index)">
				<view class="flex flex-direction flex-sub">
					<view>
						<view class="text-s2 text-bold">{{item.title}}</view>
						<view class="text-s2">{{item.summary}}</view>
					</view>
				</view>
				<text class="cuIcon-right"></text>
			</view>
		</view>
		<view class="mtb-2 pb-3 text-center text-c3">
			山西格子软件科技有限公司
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				lunbotuList: [{
					imgUrl: "/static/index/banner1.png",
					name: "节省70%开发时间",
					contentType: "WU",
				}, ],
				menuList: [{
						name: "统一样式",
						icon: "cuIcon-favorfill"
					},
					{
						name: "统一API",
						icon: "cuIcon-noticefill"
					},
					{
						name: "统一接口",
						icon: "cuIcon-choicenessfill"
					},
					{
						name: "自动分页",
						icon: "cuIcon-newsfill"
					},
					{
						name: "文件上传",
						icon: "cuIcon-profilefill"
					},
					{
						name: "海量插件",
						icon: "cuIcon-emojiflashfill"
					},
				],
				chajianList: [{
						title: "倒计时",
						summary: "自定义格式，改变事件，自定义样式"
					},
					{
						title: "表单",
						summary: "3中不同的表单示例，表单校验"
					},
					{
						title: "悬浮按钮",
						summary: "全局拖动按钮"
					},
					{
						title: "更多插件",
						summary: "多页面示例，实人认证，手机号验证，第三方地图，商城类，积分类等"
					}
				]
			}
		},
		onLoad(params) {
			this.$nextTick(() => {
				//若有接口,可以放开注释
				// uni.$api.appPageIndex().then(data => {
				// })
			})
		},
		onShow() {},
		methods: {
			chajianItemClick(item,index){
				
			},
			menuItemClick(item,index){
				
			}
		}
	}
</script>

<style lang="scss" scoped>
</style>